/**
 * 卡片框
 */
function resetTabs() {
	$("#content > div").hide(); //Hide all content
	$("#tabs a").attr("id", ""); //Reset id's      
}
var myUrl = window.location.href; //get URL
var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // For localhost/tabs.html#tab2, myUrlTab = #tab2     
var myUrlTabName = myUrlTab.substring(0, 4); // For the above example, myUrlTabName = #tab

(function() {
	$("#content > div").hide(); // Initially hide all content
	$("#tabs li:first a").attr("id", "current"); // Activate first tab
	$("#content > div:first").fadeIn(); // Show first tab content
	$("#tabs a").on("click", function(e) {
		e.preventDefault();
		if ($(this).attr("id") == "current") { //detection for current tab
			return;
		} else {
			resetTabs();
			$(this).attr("id", "current"); // Activate this
			$($(this).attr('name')).fadeIn(); // Show content for current tab
		}
	});

	for (i = 1; i <= $("#tabs li").length; i++) {
		if (myUrlTab == myUrlTabName + i) {
			resetTabs();
			$("a[name='" + myUrlTab + "']").attr("id", "current"); // Activate url tab
			$(myUrlTab).fadeIn(); // Show url tab content        
		}
	}
})()